<!--
/**
* Author: txj
* Date: 2023年10月23日11:45:34 
* Desc: 支付信息提取
*/
-->
<template>
  <view>
    <view class="pd30 bc-white mt20">
      <view class="fs30 mb30 b">订单信息</view>
      <view v-if="showStatus" class="flex flex-m mb20">
        <view class="label mr20">订单状态</view>
        <view class="fs24">{{
          orderInfo.orderStatus === '4' ? '订单成功' : '订单失败'
        }}</view>
      </view>
      <view class="flex flex-m mb20">
        <view class="label mr20">订单编号</view>
        <view class="fs24">{{ orderInfo.orderNo }}</view>
      </view>
      <view class="flex flex-m mb20">
        <view class="label mr20">下单时间</view>
        <view class="fs24">{{ orderInfo.orderTime }}</view>
      </view>
      <view class="flex flex-m mb20">
        <view class="label mr20">购买手机</view>
        <view class="fs24">{{ orderInfo.mobile }}</view>
      </view>
    </view>
    <view class="pd30 bc-white">
      <view class="fs30 mb30 b">支付信息</view>
      <view
        v-for="(item, index) in orderInfo.payInfo"
        :key="index"
        class="flex flex-m mb20"
      >
        <view class="label mr20">{{ item.name }}</view>
        <view class="fs24">{{ item.value }}</view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    // 挂载组件
    components: {},

    // 数据
    data() {
      return {}
    },
    props: {
      orderInfo: {
        type: Object,
        default: () => {
          return {}
        }
      },
      showStatus: {
        type: Boolean,
        default: false
      }
    },
    // 计算属性
    computed: {},

    // 挂载完成
    mounted() {},

    // 创建完成
    created() {},

    // 挂载方法
    methods: {}
  }
</script>
<style lang="scss" scoped></style>
